<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>阴影效果、标示对象内溢出文本</title>
<style type="text/css">
.one{font-size:32px;
text-shadow:-10px 10px 10px green,-20px 20px 20px red;}
p{width:200px;
  height:100px;
  border:2px solid #ccc;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  }

</style>
</head>

<body>
<p class="one">Hellow css3</p>
<p>把很长的一段文本中溢出的内容隐藏,出现省略号！</p>
</body>
</html>
